<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>Profile Card</title>
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<link rel="stylesheet" href="css/style.css">
		<script src="../js/jquery-1.11.3.min.js"></script>
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" href="../css/amazeui.min.css">
		<link rel="stylesheet" href="../css/admin.css">
		<link rel="stylesheet" href="../css/app.css">
		<link rel="stylesheet" type="text/css" href="../js/vant-UI/index.css" />
		<script src="../js/amazeui.min.js"></script>
		<script src="../js/app.js"></script>
		<script type="text/javascript" src="../myplugs/js/plugs.js"></script>
		<script src="../js/GeTools.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div id="wrapper">
			<div class="profile-card js-profile-card">
				<div class="profile-card__img">
					<img src="../images/touxiang2.png" alt="profile card">
				</div>

				<div class="profile-card__cnt js-profile-cnt">
					<div class="profile-card__name">{{name}}</div>
					<div class="profile-card__txt">权限等级&nbsp;<strong>{{authority}}</strong></div>
					<div class="profile-card__txt"><strong>2890682240@qq.com</strong></div>
					<div class="profile-card-loc">
						<span class="profile-card-loc__icon">
							<svg class="icon">
								<use xlink:href="#icon-location"></use>
							</svg>
						</span>
						<span class="profile-card-loc__txt">辽宁盘锦</span>
					</div>

					<div class="profile-card-inf">
						<div class="profile-card-inf__item">
							<div class="profile-card-inf__title">5000</div>
							<div class="profile-card-inf__txt">工资</div>
						</div>

						<div class="profile-card-inf__item">
							<div class="profile-card-inf__title">30</div>
							<div class="profile-card-inf__txt">本月出勤</div>
						</div>

						<div class="profile-card-inf__item">
							<div class="profile-card-inf__title">1000h</div>
							<div class="profile-card-inf__txt">工作时间</div>
						</div>

						<div class="profile-card-inf__item">
							<div class="profile-card-inf__title">员工</div>
							<div class="profile-card-inf__txt">职位</div>
						</div>
					</div>
					<div class="profile-card-ctr">
						<button class="profile-card__button button--blue ">Message</button>
						<button class="profile-card__button button--orange">Follow</button>
					</div>
				</div>
			</div>

		</div>
		<script src="js/index.js"></script>
	</body>
	<script type="text/javascript">
		var vm = new Vue({
			el: "#wrapper",
			data: {
				name:sessionStorage.getItem("data"),
				authority:sessionStorage.getItem("authority"),
				level: '',
			},
			methods: {
				mounted() {
					this.getUserInfo();
					let Req = GeTools.getParameter();
					let lv = GeTools.getNullValue(Req['lv'])
					if (lv == 0) {
						this.level = lv
						console.log("当前等级为超级管理员lv1:" + lv)
					}
					if (lv == 1) {
						this.level = lv
						console.log("当前等级为超级管理员lv:" + lv)
					}

					function updatePwd(title, id) {
						$.jq_Panel({
							title: title,
							iframeWidth: 500,
							iframeHeight: 300,
							url: "updatePwd.html"
						});
					}
				}
			}
		})
	</script>
</html>
